#announcement{
.notice {
  overflow-y: scroll !important;
  height: 880px !important;

  // 公告展示栏
  .right-notice {
    margin-top: 20px;
    //    box-shadow: 1px 1px 1px 1px rgba(88, 88, 88, 0.3);
    transition: all .2s ease-in-out !important;

    .card {
      margin: 20px auto;
      width: 85%;
      //    box-shadow: 0px 1px 1px 1px rgba(88, 88, 88, 0.3);
      box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.302), 0 1px 3px 1px rgba(60, 64, 67, 0.149) !important;
      transition: all .2s ease-in-out !important;
      border-radius: 8px;
      background: #f8f9fa;
      // border: 0;


      &:hover span {
        color: #409EFF !important;
      }

      p {
        width: 100% !important;
        display: inline-block !important;
        margin: 0 !important;

        .noticeTime {
          left: 0 !important;
          font-weight: normal !important;
          font-size: 12px !important;
          color: #888 !important;
        }
      }

      &:hover {
        //    box-shadow: 1px 1px 1px 1px rgba(88, 88, 88, 0.3);
        box-shadow: 0 1px 3px 0 rgba(60, 64, 67, 0.302), 0 4px 8px 3px rgba(60, 64, 67, 0.149) !important;
        cursor: pointer;

        .num-border {
          border-bottom: 1px solid #409EFF !important;

          // span {
          //   color: #409EFF !important;
          // }
        }

        .card-text {
          color: rgb(83, 83, 83);
        }
      }

      .card-text {
        color: #666 !important;
        font-size: 14px;
        line-height: 20px;
      }
    }

    .num-border {
      // margin-left: -20px;
      overflow: hidden !important;
      text-align: left !important;
      clear: both !important;
      margin: 0 auto !important;
      width: 100% !important;
      border-bottom: 1px solid #ced4da;
      transition: all .2s ease-in-out !important;

      .title {
        clear: both !important;
        margin-bottom: 15px !important;
        width: 100% !important;
        height: 30px;
        text-align: center;
        line-height: 30px;
        border-radius: 0 !important;

        span {
          text-align: left !important;
          float: left !important;
          margin: 0 !important;
          margin-bottom: 10px !important;
          line-height: 30px !important;
          font-size: 17px !important;
          color: #555 !important;
          transition: all .2s ease-in-out !important;

        }

      }
    }
  }

  // 分页
  .notice-page {
    margin-top: 5px;
    height: 25px;
    text-align: center !important;

    .active {
      color: #409EFF !important;
    }

    .el-pager {

      li {
        color: #666;

        &:hover {
          color: #409EFF !important;
        }

      }

    }

  }

  // 分页end
  // 公告展示栏end
}
}